const express = require("express");
const path = require("path");

const app = express();

// 告诉Express我使用的ejs模板引擎
app.set("view engine", "ejs");
// 告诉Express我的模板页面存放在 views 目录中
app.set("views", "./views");

// 假设这份数据是数据库中动态获取到的数据
const fruits = ["apple", "banana", "orange"];

app.get("/", (req, res) => {
  // res.send("hello");
  // res.sendFile(path.resolve(__dirname, "./views/index.html"));
  // 渲染 index.html 页面，且要将 fruits 的数据给渲染到页面上
  //    就需要使用 模板引擎   ejs、pug
  //    res.render(要渲染的模板的名字, 要携带到模板中的数据)
  res.render("index", {
    name: "Express",
    fruits,
    html: "<button>按钮</button>",
  });
});

app.listen(3000, () => {
  console.log("服务启动成功");
});
